import React from 'react'
import './StyleGray.css'


function StyleRGB(props) {
    return (
        <>
            <div >
                <span style={{width:'16px',height:'16px',marginRight:'8px',backgroundColor:'red'}}>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <span>波段{props.styleObj.bands[0] + 1}:{props.styleObj.vranges[0].minval} ~ {props.styleObj.vranges[0].maxval}</span>
            </div>
            <div >
            <span style={{width:'16px',height:'16px',marginRight:'8px',backgroundColor:'green'}}>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <span>波段{props.styleObj.bands[1] + 1}:{props.styleObj.vranges[1].minval} ~ {props.styleObj.vranges[1].maxval}</span>
            </div>
            <div >
                <span style={{width:'16px',height:'16px',marginRight:'8px',backgroundColor:'blue'}}>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                <span>波段{props.styleObj.bands[2] + 1}:{props.styleObj.vranges[2].minval} ~ {props.styleObj.vranges[2].maxval}</span>
            </div>
            <div style={{ clear: 'both' }}></div>
        </>

    )
}

export default StyleRGB
